@charset "UTF-8";

/* ====== Reset ====== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; font-size: 100%; }
body { font-size: 14px;font-family: 'PingFang SC', "Microsoft Yahei Light", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #666; background: #fff; overflow-x: hidden; }
em, i { display: inline-block; font-style: normal; }
ul, ol, li { list-style: none; }
a { color: #666; text-decoration: none;  }
a:hover { outline: none; }
a:focus { outline: none; }
input, button { padding: 0; border: none; background: none; outline: none; font-family: 'PingFang SC', "微软雅黑", Helvetica; }
button { outline: none; }
textarea { border: none; background: none; outline: none; font-family: 'PingFang SC', "微软雅黑", Helvetica; }
table { border-collapse: collapse; word-wrap: break-all; border-spacing: 0; border: 1px solid #e4e4e4; }
input {-webkit-appearance:none; /*去除input默认样式*/}
td, tr { padding: 5px; }
sup { vertical-align: top; }
sub { vertical-align: bottom; }
img { vertical-align: middle; border: none; max-width: 100%; }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #e4eaec }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.5; color: #333; }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-truncate { overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

/* ====== General ====== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none !important; }
.show { display: block; }
.clear { clear: both; }
.center { text-align: center; }
.box { display: block; width: 100%; height: 100%; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.max-100 { max-width: 100%; }
.pic { overflow: hidden; }
.fw-bold { font-weight: bold; }

/*垂直居中*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }

/*定宽布局*/
.com-width { margin-right: auto; margin-left: auto; width: 1200px; max-width: 100%}
.w1600 { margin-right: auto; margin-left: auto; width: 1600px;max-width: 100% }
.w1400 { margin-right: auto; margin-left: auto; width: 1400px;max-width: 100% }


* { box-sizing: border-box; }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; font-size: 100%; box-sizing: border-box}

body { font-size: 14px; line-height: 1.75; font-family: "寰蒋闆呴粦",'PingFang SC', "Microsoft Yahei Light", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #444; background: #fff; overflow-x: hidden; }

em, strong, i { display: inline-block; font-style: normal; }

ul, ol, li { list-style: none; }

a { color: #444; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

a:hover { outline: none; color: #009cc2; }

a:focus { outline: none; }

input, button { padding: 0; border: none; background: none; outline: none; font-family:  "寰蒋闆呴粦", 'PingFang SC',Helvetica; }

button { outline: none; }

textarea { border: none; background: none; outline: none; font-family: "寰蒋闆呴粦",'PingFang SC',  Helvetica; }

table { border-collapse: collapse; word-wrap: break-all; border-spacing: 0; border: 1px solid #e4e4e4; }

input {-webkit-appearance:none; /*氓沤禄茅鈩⒙nput茅禄藴猫庐陇忙聽路氓录聫*/}

td, tr { padding: 5px 10px; }

sup { vertical-align: top; }

sub { vertical-align: bottom; }

img { vertical-align: middle; border: none;  }

hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #e4eaec }

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.5; color: #333; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none !important; }

.show { display: block; }

.clear { clear: both; }







input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #999;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

	/* Mozilla Firefox 19+ */

	color: #999;

}



input:-moz-placeholder,

textarea:-moz-placeholder {

	/* Mozilla Firefox 4 to 18 */

	color: #999;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

	/* Internet Explorer 10-11 */

	color: #999;

}



img,

input,

textarea {

	border: none;

	vertical-align: middle;

}



.clearfix:after {

	content: "";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {

	zoom: 1;

	clear: both;

	position: relative;

}



.hide {

	display: none !important;

}



.show {

	display: block;

}



.clear {

	clear: both;

}



.f-left {

	float: left;

}



.f-right {

	float: right;

}



.box {

	display: block;

	width: 100%;

	height: 100%;

}



.box-s {

	box-sizing: border-box;

}



.ellipsis {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.ellipsis2 {

	-webkit-line-clamp: 2;

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}



.ellipsis3 {

	-webkit-line-clamp: 3;

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}



.ellipsis4 {

	-webkit-line-clamp: 4;

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}



.w1200 {

	margin-right: auto;

	margin-left: auto;

	width: 1200px;

}

.w1400{

	margin-right: auto;

	margin-left: auto;

	width: 1400px;

}

.w1746{

	margin-right: auto;

	margin-left: auto;

	width: 1746px;

}

.w1600 {

	margin-right: auto;

	margin-left: auto;

	width: 1600px;

}

.w1500 {

	margin-right: auto;

	margin-left: auto;

	width: 1500px;

}



.t-l {

	text-align: left;

}



.t-r {

	text-align: right;

}



.t-c{

	text-align: center;

}



/*banner氓艩篓莽鈥澛�*/

.banner {

	position: relative;

	overflow: hidden;

	width: 100%;

}



.banner>img {

	width: 100%;

	-webkit-transform: scale3d(1.1, 1.1, 1.1);

	transform: scale3d(1.1, 1.1, 1.1);

	-webkit-animation: minus 5s 0s ease both infinite;

	-moz-animation: minus 5s 0s ease both infinite;

	animation: minus 5s 0s ease both infinite;

	animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

}



@keyframes minus {

	0% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1);

	}

	100% {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}











/*忙艗鈥懊┾€櫬γヂ忊€�*/

.link{

	transition: 0.52s;

	position: relative;

	overflow: hidden;

}

.anim {

	transform: translateY(-50%) translateX(-50%);

	position: absolute;

	top: 50%;

	left: 50%;

}



.anim:before {

	position: relative;

	content: '';

	display: block;

	margin-top: 100%;

}



.anim:after {

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	border-radius: 50%;

}



.link:hover .anim {

	animation: anim-out 0.75s;

}



.link:hover .anim:after {

	animation: anim-out-pseudo 0.75s;

}



@keyframes anim-out-pseudo {

    0% { background: rgba(0, 0, 0, 0.25); }

    100% { background: transparent; }

}



@keyframes anim-out {

    0% { width: 0%; }

    100% { width: 100%; }

}



.anim2:hover span{

	z-index: 2;

	position: relative;

}

.anim2:before {

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	height: 0;

	background: #07377f;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	opacity: 0;

}

.anim2:hover:before {

	opacity: 1;

	height: 100%;

	top: 0;

}





.all-fixed {

	position: fixed;

	top: 50%;

	margin-top: -140px;

	right: -0px;

	height: 235px;

	z-index: 99999;

	box-sizing: border-box;

	/*display: none;*/

	

}

.all-fixed .f-left{

    position: relative;

    top: 60px;

    float: left;

    width: 0px;

    height: 115px;

    border-top: 10px solid transparent;

    border-right: 25px solid #206ac6;

    border-bottom: 10px solid transparent;

    text-align: center;

    font-size: 13px;

    color: #0b2a1a;

    cursor: pointer;

}

.all-fixed .f-left p{

	position: absolute;

    top: 10px;

    left: 6px;

    line-height: 20px;

    color: #fff;

}

.all-fixed .f-right{

	width: 180px;

	background: #f8fbff;

	/* height: 100%; */

    border: 1px solid #dcdcdc;

	box-sizing: border-box;

	padding-bottom: 20px;

}

.all-fixed .title{

	margin-top: -67px;

	text-align: center;

}

.all-fixed h3{

	font-size: 18px;

	color: #333;

	font-weight: initial;

	text-align: center;

	letter-spacing: 0px;

	line-height: 1;

	margin: 15px 0 20px;

}

.all-fixed h3 span{

	display: block;

	margin-bottom: 5px;

	font-size: 14px;

}



.all-fixed li{

	height: 40px;

	width: 100%;

	box-sizing: border-box;

	padding: 0 15px;

	margin-bottom: 15px;

}

.all-fixed li:last-child{

	margin-bottom: 5px;

}

.all-fixed li a{

	width: 100%;

	height: 100%;

	background: #206ac6;

	display: block;

	color: #fff;

	text-align: center;

	font-size: 18px;

	line-height: 40px;

	transition: .3s;

	border-radius: 5px;

}

.all-fixed li a:hover{

	color: #fff;

}

.all-fixed li a img{

	height: 25px;

	margin-right: 10px;

	border: 0;

	vertical-align: middle; 

	margin-top: -5px;

}



.all-page{

	text-align: center;

	margin: 40px 0;

}



.all-page a,

.all-page span{

	width: 35px;

	height: 100%;

	background: #aaa;

	color: #fff;

	line-height: 45px;

	text-align: center;

	font-size: 14px;

	display: inline-block;

	margin: 0 10px;

	transition: .3s;

}

.all-page .current, .all-page a:hover{

	background: #009cc2;

	color: #fff;

}

.all-page .prev,

.all-page .prev_disabled,

.all-page .next,

.all-page .next_disabled{

	width: 60px;

	color: #666;

	background: transparent;

	font-family: "microsoft yahei";

}

.all-page .prev:before, .all-page .prev_disabled:before {

    content: "涓婁竴椤�";

    font-family: "microsoft yahei";

}

.all-page .next:before, .all-page .next_disabled:before {

    content: "涓嬩竴椤�";

    font-family: "microsoft yahei";

}



#top {

    position: fixed;

    z-index: 999999;

    right: 15px;

    width: 50px;

    height: 50px;

    bottom: 30px;

    opacity: 0.9;

    background: #999 url(../images/kefu-top.png) no-repeat center;

    transition: .3s;

    cursor: pointer;

}

#top:hover{

	background-color: #158ef3;

}







/*忙艗鈥懊┾€櫬γヂ忊€�*/

.link{

	transition: 0.52s;

	position: relative;

	overflow: hidden;

}

.anim {

	transform: translateY(-50%) translateX(-50%);

	position: absolute;

	top: 50%;

	left: 50%;

}



.anim:before {

	position: relative;

	content: '';

	display: block;

	margin-top: 100%;

}



.anim:after {

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	border-radius: 50%;

}



.link:hover .anim {

	animation: anim-out 0.75s;

}



.link:hover .anim:after {

	animation: anim-out-pseudo 0.75s;

}



@keyframes anim-out-pseudo {

    0% { background: rgba(0, 0, 0, 0.25); }

    100% { background: transparent; }

}



@keyframes anim-out {

    0% { width: 0%; }

    100% { width: 100%; }

}



.anim2 span{

	z-index: 2;

	position: relative;

	transition: auto;

}

.anim2:before {

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	height: 0;

	background: #158ef3;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	opacity: 0;

}

.anim2:hover:before {

	opacity: 1;

	height: 100%;

	top: 0;

}

.img{

	width: 100%;

	overflow: hidden;

}

.img:hover > img{

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.img > img{

	width: 100%;

	height: auto;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

}

.mt78{

    margin-top: 78px;

}

.mb80{

	margin-bottom: 80px;

}

.li2 li{

   width: 49%;

   float: left;

   margin-right: 2%;

}

.li2 li:nth-of-type(2n){

	margin-right: 0;

}



.li3 li{

	width: 32%;

	float: left;

	margin-right: 2%;

 }

 .li3 li:nth-of-type(3n){

	 margin-right: 0;

 }





 .li4 li{

	width: 24%;

	float: left;

	margin-right: 1.333%;

 }

 .li4 li:nth-of-type(4n){

	 margin-right: 0;

 }

 .w800{

	 width: 800px;box-sizing: border-box

 }